<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">



    <ui:composition template="./../templates/internal.xhtml">

        <ui:define name="top">
            <h:form id="topAgenda">
                <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>
                <p:menubar>
                    <p:submenu label="Menu">  
                        <p:menuitem value="Home"  action="./../publico/home.xhtml" />  
                        <p:menuitem value="Logout" action="#{autenticador.registraSaida}" immediate="true"  />
                    </p:submenu>
                    <f:facet name="options">  
                        <b>Logado: #{utilBean.userName} </b> 
                        <p:commandButton  value="Logout" action="#{autenticador.registraSaida}" immediate="true" />
                    </f:facet>    
                </p:menubar>
                <div id="imageTop">      
                    <p:imageSwitch effect="turnDown" styleClass="painel" slideshowSpeed="9000">  
                        <ui:repeat value="#{utilBean.images}" var="image">  
                            <p:graphicImage value="./../resources/css/imagens/#{image}" width="100%" height="100"/>  
                        </ui:repeat>  
                    </p:imageSwitch>  
                </div>     
            </h:form>
        </ui:define>

        <ui:define name="content">
            <h:form id="resultado">
                <div id="contentAgenda">      
                    <h:outputScript library="js" name="mascaras.js" />
                    <p:growl id="mensagem" autoUpdate="true" sticky="false" life="3000"/>


                    <p:panelGrid id="contato" columns="4" rendered="true" styleClass="cadastroAgenda">  
                        <f:facet name="header">Agenda</f:facet>             

                        <p:outputLabel for="agendaDesc" value="Contato" />  
                        <p:inputText id="agendaDesc" value="#{agendaBean.agendaRN.agenda.descricaoContato}"/>

                        <p:outputLabel for="tel111" value="Telefone Comercial" />  
                        <p:inputMask  id="tel111" value="#{agendaBean.agendaRN.agenda.telefoneComercial1}" mask="(999)9999-9999" />

                        <p:outputLabel for="tel112" value="Telefone Comercial" />  
                        <p:inputMask  id="tel112" value="#{agendaBean.agendaRN.agenda.telefoneComercial2}" mask="(999)9999-9999"/>

                        <p:outputLabel  for="tel113" value="Celular" />  
                        <p:inputMask id="tel113" value="#{agendaBean.agendaRN.agenda.telefoneCelular}" mask="(999)99999-9999" /> 

                        <p:outputLabel  for="tel114" value="Celular" />  
                        <p:inputMask id="tel114" value="#{agendaBean.agendaRN.agenda.telefoneCelular1}" mask="(999)99999-9999" /> 

                        <p:outputLabel  for="tel115" value="Internacional" />  
                        <p:inputMask id="tel115" value="#{agendaBean.agendaRN.agenda.telefoneInternacional}" mask="(99)99-9999-99999" /> 

                        <p:outputLabel  for="tel117" value="Celular Nextel(outros)" />  
                        <p:inputMask id="tel117" value="#{agendaBean.agendaRN.agenda.celularNextel}" mask="(999)9999-9999"/> 

                        <p:outputLabel  for="tel116" value="Descrição" />  
                        <p:inputTextarea id="tel116" value="#{agendaBean.agendaRN.agenda.observacoes}" rows="2" maxlength="100" cols="60"/> 


                        <f:facet name="footer">              
                            <p:commandButton value="Salvar" action="#{agendaBean.salvaAgenda}"    update=":resultado"  styleClass="tamanhoBotao"/>
                            <p:commandButton value="Consultar" action="#{agendaBean.listaAgenda}"  update=":resultado:agendaList" styleClass="tamanhoBotao"/>
                            <p:commandButton value="Limpar" action="#{agendaBean.agendaRN.limparCampos}" update=":resultado:contato" styleClass="tamanhoBotao"/>
                            <p:commandButton value="Alterar" update=":update:Alterarcontato"  action="#{agendaBean.btnAlterarAgenda()}"  oncomplete="if(args.sucesso == true){agendaUpdateDialog.show()}" styleClass="tamanhoBotao"/>
                            <p:commandButton value="Limpa lista" action="#{agendaBean.limpaLista}" update=":resultado:agendaList" style="padding-left:10px;"/>
                            <p:commandButton value="Excluir" action="#{agendaBean.deleteAgenda}" update=":resultado:agendaList" style="padding-left:10px;"/>
                        </f:facet>
                    </p:panelGrid>  
                </div>

                <div id="resultadoAgenda">
                    <p:dataTable var="item" value="#{agendaBean.agendaModel}" id="agendaList"   styleClass="resultadoAgenda" 
                                 rowKey="#{item.id}"    widgetVar="agendaTable"      paginator="true" emptyMessage="Sem retorno de consulta"  
                                 resizableColumns="true" rows="" selection="#{agendaBean.agendaSelect}"   scrollable="true" scrollWidth="100%" scrollHeight="280"
                                 paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} 
                                 {RowsPerPageDropdown}" rowsPerPageTemplate="25,50,100,150,200"  selectionMode="single">  

                        <f:facet name="header">Lista de contatos  com : #{agendaBean.agendaRN.messagemCount}</f:facet>  

                        <p:column headerText="Contato" sortBy="#{item.descricaoContato}" style="text-align: center">  
                            #{item.descricaoContato} 
                        </p:column>  

                        <p:column headerText="Comercial" sortBy="#{item.telefoneComercial1}" style="text-align: center">  
                            #{item.telefoneComercial1}  
                        </p:column>  

                        <p:column headerText="Comercial" sortBy="#{item.telefoneComercial2}"  style="text-align: center"  >  
                            #{item.telefoneComercial2} 
                        </p:column>  

                        <p:column headerText="Celular" sortBy="#{item.telefoneCelular}"  style="text-align: center"  >  
                            #{item.telefoneCelular} 
                        </p:column>  

                        <p:column headerText="Celular" sortBy="#{item.telefoneCelular1}"  style="text-align: center"  >  
                            #{item.telefoneCelular1} 
                        </p:column>  

                        <p:column headerText="Nextel (outros)" sortBy="#{item.celularNextel}" style="text-align: center"  >  
                            #{item.celularNextel} 
                        </p:column>  
                        
                        <p:column headerText="Internacional" sortBy="#{item.telefoneInternacional}" style="text-align: center"  >  
                            #{item.telefoneInternacional} 
                        </p:column>  

                        <p:column headerText="Comentários" sortBy="#{item.observacoes}" style="text-align: center"  >  
                            #{item.observacoes}  
                        </p:column>  
                    </p:dataTable>
                </div>

            </h:form>

            <h:form id="update">
                <p:dialog  widgetVar="agendaUpdateDialog" header="Alteração de contato" showEffect="explode" hideEffect="fade" modal="true" 
                           width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">

                    <p:panelGrid id="Alterarcontato" columns="3" >  
                        <p:outputLabel value="Dercrição" style="font-weight: bold"></p:outputLabel>
                        <p:outputLabel value="Valor atual" style="font-weight: bold"></p:outputLabel>
                        <p:outputLabel value="Novo valor" style="font-weight: bold"></p:outputLabel>


                        <p:outputLabel value="Contato" />  
                        <h:outputText value="#{agendaBean.agendaSelect.descricaoContato}"/>
                        <p:inputText  value="#{agendaBean.agendaRN.agenda.descricaoContato}"/>


                        <p:outputLabel  value="Telefone Comercial" />  
                        <h:outputText  value="#{agendaBean.agendaSelect.telefoneComercial1}" />
                        <p:inputMask  value="#{agendaBean.agendaRN.agenda.telefoneComercial1}" mask="(999)9999-9999" />


                        <p:outputLabel value="Telefone Comercial" />  
                        <h:outputText  value="#{agendaBean.agendaSelect.telefoneComercial2}"/>
                        <p:inputMask   value="#{agendaBean.agendaRN.agenda.telefoneComercial2}" mask="(999)9999-9999"/>


                        <p:outputLabel   value="Celular" />  
                        <h:outputText  value="#{agendaBean.agendaSelect.telefoneCelular}" /> 
                        <p:inputMask  value="#{agendaBean.agendaRN.agenda.telefoneCelular}" mask="(999)99999-9999" /> 


                        <p:outputLabel  value="Celular" />  
                        <h:outputText  value="#{agendaBean.agendaSelect.telefoneCelular1}" /> 
                        <p:inputMask  value="#{agendaBean.agendaRN.agenda.telefoneCelular1}" mask="(999)99999-9999" /> 


                        <p:outputLabel   value="Internacional" />  
                        <h:outputText  value="#{agendaBean.agendaSelect.telefoneInternacional}"  /> 
                        <p:inputMask  value="#{agendaBean.agendaRN.agenda.telefoneInternacional}" mask="(99)99-9999-99999" /> 


                        <p:outputLabel  value="Celular Nextel(outros)" />  
                        <h:outputText  value="#{agendaBean.agendaSelect.celularNextel}"  />
                        <p:inputMask  value="#{agendaBean.agendaRN.agenda.celularNextel}" mask="(999)9999-9999"/> 


                        <p:outputLabel  value="Observações" />  
                        <h:outputText value="#{agendaBean.agendaSelect.observacoes}" /> 
                        <p:inputTextarea  value="#{agendaBean.agendaRN.agenda.observacoes}" rows="6" maxlength="100" cols="22"/> 

                        <f:facet name="footer">             
                            <p:commandButton value="Alterar" action="#{agendaBean.alteraAgenda}" update=":resultado:agendaList"  oncomplete="agendaUpdateDialog.hide()" />
                            <p:commandButton value="Fechar" oncomplete="agendaUpdateDialog.hide()" />

                        </f:facet>

                    </p:panelGrid>
                </p:dialog>
            </h:form>
        </ui:define>

        <ui:define name="bottom_internal">
        </ui:define>
    </ui:composition>
</html>
